<template>
  <el-main style="padding: 0px; margin: 0px">
    <el-row justify="space-between">
      <el-col :lg="11">
				<el-card shadow="never" >
          <p>{{year}}年股票分析</p>
          <div id="stock-chart"></div>
				</el-card>
			</el-col>

      <el-col :lg="0" />

      <el-col :lg="11">
				<el-card shadow="never">
          <p>{{year}}年流量分析</p>
          <div id="flow-chart"></div>
				</el-card>
			</el-col>
    </el-row>
  </el-main>
</template>

<script setup>
import {onMounted} from 'vue'
import {renderStock, renderFlow} from '../render/renderAnalysis'

const year = new Date().getFullYear()

onMounted(() => {
  renderStock('stock-chart')
  renderFlow('flow-chart')
})
</script>

<style scoped>
p {
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
</style>
